<template>
  <div class="newsinfo-container">
    <!-- 大标题 -->
    <h3 class="title">幸福</h3>
    <!-- 子标题 -->
    <p class="subtitle">
      <span>发表时间：2020--3-10 12:12:12</span>
      <span>点击：1次</span>
    </p>

    <hr />

    <!-- 内容区域 -->
    <div
      class="content"
    >千与千寻感人的话兄弟要去当兵了感人的话感人的话激励成长短语写给消防员最感人的话简短的话剧剧本感人遇上你感人的话同性之间感人的话母亲节想对妈妈说些感人的话写给男友感人的话匆匆那年感人的话剑灵最感人的话对他最感人的话对她最感人的话年终表彰大会回顾2015感人的话语关于不及格感人的话关于二哈的感人的话多啦a梦对大雄说过最感人的话工作中感人肺腑的话龙族里最感人的话圣经中最感人的话柯南对灰原说过最感人的话孩子出生感人的话术秦时明月里感人的话勋鹿鹿晗走后感人的话娜美说过的感人的话写给怀孕老婆感人的话小爸爸大结局最感人肺腑的话一段源于生活感人的话f君说过感人的话非常完美男嘉宾表白感人的话言情小说里感人的话婚礼请柬上的感人的话伤心感人的话关于足球感人的话患癌症后跟女友分手感人的话用英语说一段很感人的话圣少女最感人的话粉丝写给偶像感人的话新一对小兰说的感人的话周星驰说过最感人的话对同桌说的感人的话写给爱人最感人的话动漫里面感人的话表白的话感人的一句话求婚表白的话感人的挽回老婆感人的话含蓄表白的话感人的分手挽留感人的话给老婆道歉的话超感人网络表白的话感人的</div>

    <!-- 评论子组件区域 -->
    <comment-box :id="this.id"></comment-box>
  </div>
</template>

<script>
// 1. 导入 评论子组件
import comment from "../subcomponents/comment.vue";

export default {
  data() {
    return {
      id: this.$route.params.id, // 将 URL 地址中传递过来的 Id值，挂载到 data上，方便以后调用
      newsinfo: {} // 新闻对象
    };
  },
  // created() {
  //   this.getNewsInfo();
  // },
  // methods: {
  //   getNewsInfo() {
  //     // 获取新闻详情
  //     this.$http.get("api/getnew/" + this.id).then(result => {
  //       if (result.body.status === 0) {
  //         this.newsinfo = result.body.message[0];
  //       } else {
  //         Toast("获取新闻失败！");
  //       }
  //     });
  //   }
  // },
  components: {
    // 用来注册子组件的节点
    "comment-box": comment
  }
};
</script>

<style lang="scss">
.newsinfo-container {
  padding: 0 4px;
  .title {
    font-size: 16px;
    text-align: center;
    margin: 15px 0;
    color: red;
  }
  .subtitle {
    font-size: 13px;
    color: #226aff;
    display: flex;
    justify-content: space-between;
  }
  .content {
    img {
      width: 100%;
    }
  }
}
</style>
